<template>
    <div class="page">
        <div class="user-data">
            <div class="name">中国农业银行广东省分行</div>
            <div class="detail">www.goofar-capital.com</div>
        </div>

        <div class="data-box block">
            <div class="title">基本信息</div>
            <div class="data text-gray">行业<span class="value text-black">银行</span></div>
            <div class="data text-gray">地址<span class="value text-black">深圳市福田区竹子林紫竹六道求是大厦东座</span></div>
        </div>

        <div class="data-box block">
            <div class="title">联系方式</div>
            <div class="data text-gray">电话<span class="value text-blue">17704021318</span></div>
            <div class="data text-gray">邮箱<span class="value text-blue">service@djs18.com</span></div>
            <div class="data text-gray">传真<span class="value text-black">17704021318</span></div>
        </div>

        <div class="data-box block">
            <div class="title">招聘信息</div>
            <div class="data text-gray">
                已发布<span class="value text-black"><span class="text-blue">2</span> 个职位</span>
            </div>
        </div>
        <bottom-btn class="bottom-btn-view" disable="true">
            <img v-if="true" src="../../assets/collect-gray.png">
            <img v-else="" src="../../assets/bottom-like.png">
            <span>收藏</span>
        </bottom-btn>
    </div>
</template>

<style lang="less" scoped>

    @import '../../style/variable';

    .page {
        padding-bottom: 7rem;
        background-color: @color-bg-gray;
        min-height: 100%;
        box-sizing: border-box;

        .block {
            margin-top: .8rem;
            background-color: @color-white;
        }

        .user-data {
            padding: 2rem 1.5rem;
            color: @color-black;
            background-color: @color-white;
            .name {
                font-size: 2.2rem;
                line-height: 2.9rem;
                margin-bottom: .4rem;
                font-weight: bold;
            }
            .detail, .job {
                font-size: 1.6rem;
                line-height: 2.3rem;
                margin-top: .6rem;
            }
            .job {
                color: @color-text-black;
            }
        }

        .data-box {
            padding: 1.7rem 1.5rem;
            .title {
                font-size: 1.6rem;
                line-height: 2.3rem;
                margin-bottom: .4rem;
                font-weight: bold;
            }
            .data {
                font-size: 1.5rem;
                line-height: 2.1rem;
                margin-top: .7rem;
                .value {
                    float: right;
                }
            }
        }
        .bottom-btn-view {
            img {
                height: 1.5rem;
                vertical-align: middle;
                margin-right: .8rem;
            }
            span{
                vertical-align: middle;
            }
        }
    }

</style>

<script>
    export default {
        created() {
            this.$store.commit('hideNav', true);
        },
        beforeRouteEnter(to, from, next) {
            next(vm => {
                setTimeout(() => {
                    vm.$store.commit('setHeader', {
                        left: 'back',
                        content: '公司圈-中国农业银行广东省分行',
                        right: 'share'
                    });
                }, 1);
            })
        }
    }
</script>